<!--
* @FileDescription: 今日任务
* @Author: 陈卓
* @Date: 2021/4/19
* @LastEditors: 最后更新作者
* @LastEditTime: 最后更新时间
-->
<template>
	<view class="box">
		<view class="top" style="display: flex;">
			<!-- 区域 -->
			<view style="flex: 1;" class="region">
				<cl-select v-model="regionVal" :options="list" placeholder="请选择区域"></cl-select>
			</view>
			<!-- 状态 -->
			<view style="flex: 1;" class="status">
				<cl-select v-model="statusVal" :options="list" placeholder="请选择状态"></cl-select>
			</view>
		</view>
		<view class="content">
			<TaskList :datalist="datalist"/>
			<!-- <Test :datalist="datalist"></Test> -->
		</view>
		<view class="tabbar">
		</view>
		<tabBar :pagePath="'/pagesB/index/index'" :type='type'></tabBar>
	</view>
</template>

<script>
	export default {
		name: "PagesBTodayTask",
		components: {},
		data() {
			return {
				index: 0,
				index1: 0,
				type: 2,
				datalist: [],
				regionVal: "",
				statusVal: "",
				list: [{
						label: "海南东山羊",
						value: 1
					},
					{
						label: "乌鱼子",
						value: 2
					}
				],
				datalist:[
					{
						title:"123456",
						startTime:"123456",
						duration:"123456",
						satusText:"123456",
					},
					{
						title:"123456",
						startTime:"123456",
						duration:"123456",
						satusText:"123456",
					},
					{
						title:"123456",
						startTime:"123456",
						duration:"123456",
						satusText:"123456",
					},{
						title:"123456",
						startTime:"123456",
						duration:"123456",
						satusText:"123456",
					},{
						title:"123456",
						startTime:"123456",
						duration:"123456",
						satusText:"123456",
					},{
						title:"123456",
						startTime:"123456",
						duration:"123456",
						satusText:"123456",
					},{
						title:"123456",
						startTime:"123456",
						duration:"123456",
						satusText:"123456",
					},{
						title:"123456",
						startTime:"123456",
						duration:"123456",
						satusText:"123456",
					},{
						title:"123456",
						startTime:"123456",
						duration:"123456",
						satusText:"123456",
					},{
						title:"123456",
						startTime:"123456",
						duration:"123456",
						satusText:"123456",
					},{
						title:"123456",
						startTime:"123456",
						duration:"123456",
						satusText:"123456",
					},
				]
			}
		},
		watch: {
			regionVal: (regionVal) => {
				console.log('区域：', regionVal)
			},
			statusVal: (statusVal) => {
				console.log('状态：', statusVal)
			}
		},
		methods: {}
	}
</script>
<style lang="scss">
	page {
		width: 100%;
		height: 100%;
	}

	.box {
		width: 750rpx;
		height: 100%;
		background-color: #fff;

		.top {
			width: 750rpx;
			height: 80rpx;
			border: 1rpx solid #f3f3f3;
			display: flex;
			align-items: center;

			.store {
				width: 112rpx;
				height: 40rpx;
				margin-left: 32rpx;
				opacity: 0.8;
			}

			.ompletion {
				width: 112rpx;
				height: 40rpx;
				margin-left: 176rpx;
				opacity: 0.8;
			}
		}

		.content {
			height: 100%;
		}
	}
</style>
